$(document).ready(function () {



    layui.use(function () {

        var layer = layui.layer;
        table = layui.table;
        // 表格
        form = layui.form;
        form.on('select(eventType)', function (data) {//监听状态查询
            $('div[lay-filter="search"]').click();
        });

        form.on('submit(search)', function (data) {//监听查询提交
            params = data.field;
            params.pageSize = 10;
            queryTable()
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
        initSubMenu();
        queryTable();


    });
})
var params = {};//查询条件参数
var form, unit, table;
var drawer;//抽屉实例
var curId = null;//当前选中物资ID

//查询物资类型列表
queryTable = () => {
    let toolWidth = window.innerWidth / 1920 * 150
    layui.use('table', function () {


        //展示已知数据
        table.render({
            elem: '#table'
            , text: {
                none: '暂无数据'
            }
            , method: 'get'
            , url: ajaxPrefix() + "/data/ma/list/status"
            , headers: {
                SessionId: JSON.parse(localStorage.getItem('sessionId'))
            }
            , where: params
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.status == 200 ? 0 : 1, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "count": res.result.total, //解析数据长度
                    "data": res.result.data //解析数据列表
                };
            }
            , request: {
                pageName: 'pageNum' //页码的参数名称，默认：page
                ,
                limitName: 'pageSize' //每页数据量的参数名，默认：limit
            }
            , cols: [[ //标题栏
                { field: 'deviceName', title: '设备名称', align: "center" }
                , { field: 'deviceCode', title: '设备编码', align: "center" }
                , { field: 'eventTypeDesc', title: '状态', align: "center" }
                , { field: 'signal', title: '信号强度', align: "center" }
                , { field: 'simId', title: 'sim卡号', align: "center" }
                , { field: 'dataTime', title: '上报时间', align: "center" }
                , {
                    flex: 'right',
                    title: '操作',
                    align: 'center',
                    width: toolWidth,
                    templet: function (d) {
                        let res = JSON.stringify(d);
                        return `<div class="table-tool">
                                <div onclick='openHistory(${res})' class="table-record  layui-btn">
                                  <img src="../static/img/icon1.png">上报历史
                                </div>
                              </div>`;
                    },
                },
            ]]
            , height: 'full'
            // ,skin: 'line' //表格风格
            , even: true
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 3 //只显示 1 个连续页码
                , first: false //不显示首页
                , last: false //不显示尾页

            }
            , done: function (res, curr, count) {

                $('.layui-table-cell').height($('.contain-table-list').height() / 20);
            },

        });

    });
}




//设备历史报文列表
openHistory = (res) => {
    curEvent = ""
    curDate = ""
    layer.open({
        title: res.deviceName + '历史数据 （编号：' + res.deviceCode + '）',
        type: 1,
        offset: 'r',
        move: false,
        anim: 'slideLeft', // 从右往左
        area: ['75%', '100%'],
        shade: 0.3,
        shadeClose: false,
        id: 'report-offset',
        success: function (layero, index, that) {
            queryHistoryTable(res)

            layui.laydate.render({
                elem: "#history-date",
                range: true,
                done: function (value, date, endDate) {
                    curDate = value
                    queryHistoryTable(res)
                }
            });

            form.render();


            form.on('radio(event-filter)', function (data) {



                var value = data.elem.value;
                curEvent = value;
                queryHistoryTable(res)

            });
        },
        content: $('#table-tool').html()
    });
}


// 生成历史表格
var curEvent = "", curDate = "";
function queryHistoryTable(res) {

    if (curDate != '') {
        beginTime = curDate.split(' - ')[0]
        endTime = curDate.split(' - ')[1]
    } else {
        var beginTime = ''
        var endTime = ''
    }


    table.render({
        elem: '#record-table'
        , text: {
            none: '暂无数据'
        }
        , method: 'get'
        , url: ajaxPrefix() + "/data/ma/list/history"
        , headers: {
            SessionId: JSON.parse(localStorage.getItem('sessionId'))
        }
        , where: {
            deviceId: res.deviceId,
            pageSize: 10,
            eventType: curEvent,
            beginTime: beginTime,
            endTime: endTime,
        }
        , parseData: function (res) { //res 即为原始返回的数据
            return {
                "code": res.status == 200 ? 0 : 1, //解析接口状态
                "msg": res.message, //解析提示文本
                "count": res.result.total, //解析数据长度
                "data": res.result.data
            };
        }
        , request: {
            pageName: 'pageNum' //页码的参数名称，默认：page
            ,
            limitName: 'pageSize' //每页数据量的参数名，默认：limit
        }
        , cols: [[ //标题栏
            { field: 'eventTypeDesc', title: '状态', align: "center" }
            , { field: 'signal', title: '信号强度', align: "center" }
            , { field: 'simId', title: 'sim卡号', align: "center" }
            , { field: 'dataTime', title: '上报时间', align: "center" }
        ]]
        , height: 'full'
        // ,skin: 'line' //表格风格
        , even: true
        , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            groups: 3 //只显示 1 个连续页码
            , first: false //不显示首页
            , last: false //不显示尾页
        }
    });
}